<template>
	<view class="charts-box">
	  <qiun-data-charts
	    type="column"
	    :chartData="chartData"
	    background="none"
	  />
	  <view class="tips">数据分析模块内的数据自行从接口内获取（需要自行合并处理数据）</view>
	</view>
</template>

<script>
	
import qiunDataCharts from "@/uni_modules/qiun-data-charts/qiun-data-charts";


	export default {
		components: {
		      qiunDataCharts
		},
		data() {
			return {
				chartData:{
				"categories": [
					  "2016",
					  "2017",
					  "2018",
					  "2019",
					  "2020",
					  "2021"
				  ],
				  "series": [
					  {
						  "name": "目标值",
						  "data": [
							  35,
							  36,
							  31,
							  33,
							  13,
							  34
						  ]
					  },
					  {
						  "name": "完成量",
						  "data": [
							  18,
							  27,
							  21,
							  24,
							  6,
							  28
						  ]
					  }
				  ]
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.charts-box{
		padding: 15px 0;
		width: 100%;
		height:300px;
		.tips{
			box-sizing: border-box;
			padding: 10px;
			color: #666;
		}
	}
</style>
